<template>
    <div>
        <span v-for="(item, index) in flagArr" :key="index + 1">{{ index + 1 }}: {{ item }} </span>&nbsp;
    </div>
</template>
x
<script>
export default {
    name: 'FlagItem',
    props: ['flagArr'],
    updated(){
        console.log('flag',this.flagArr)
    },
    methods:{

    }
};
</script>

<style scoped>
.right {
    color: green;
}

.error {
    color: red;
}

.undo {
    color: #ccc;
}
</style>